<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
export default  {
  name:  'App',
  computed:{
    theme() {
      return this.$store.state.baseSettings.theme;
    },
  },
  watch:{
    theme(v){
      this.setRootTheme()
    }
  },
  created() {
    this.setRootTheme()
  },
  methods:{
    setRootTheme(){
      var root=document.querySelector(":root")
      root.style.setProperty("--theme",this.theme)
    }
  }
}
</script>
